<template>
<view class="textBox" :style="cssStyle">
    {{ text }}
</view>
</template>
<script>
export default {
  name: '',
  props: {
    text:'',
    size:{
        type:String | Number,
        default:28,
    },
    color:{
        type:String,
        default:'#323233'
    }
  },
  components: {
  },
  data () {
    return {}
  },
  methods: {},
  computed: {
    cssStyle(){
        return `{fontSize=${this.size}rpx;color=${this.color}}`
    }
  },
}
</script>
<style  lang='scss' scoped>
.textBox{
    display: inline-block;
    font-family: PingFang SC-Regular, PingFang SC;
}
</style>